import { ReactNode } from 'react'
import { type CSSTransitionProps } from 'react-transition-group/CSSTransition'

type AnimationName =
	| 'zoom-in-top'
	| 'zoom-in-right'
	| 'zoom-in-bottom'
	| 'zoom-in-left'

export type TransitionProps = CSSTransitionProps & {
	animation?: AnimationName
	wrapper?: boolean
	children: ReactNode | ReactNode[]
}
